<!DOCTYPE html>
<html>
<head>
    <title>管理员列表</title>
    <#include "/header.html">
    <style>
        .left {
            margin-top: 20px;
            float: left;
            width: 15%;
        }

        .right {
            float: right;
            margin: 10px 0px 15px 0px;
            width: 85%;
        }
    </style>
</head>
<body>
<div class="layui-card lc-admin">
    <div class="layui-card-header lc-header-admin">
        <i class="fa fa-dropbox"></i> 信息列表
    </div>
    <div class="layui-card-body lc-body-admin">


        <div id="myapp" v-cloak>
            <!-- 页面左边的分类树 -->
            <div id="categoryLayer" class="left " v-show="showList">
                <h4>区域分类</h4>
                <ul id="areaTree" class="ztree"></ul>

            </div>
            <div class="right " v-show="showList">
            <div v-show="showList">
                <div class="grid-btn">
                    <div class="form-group col-sm-2 lc-query">
                        <input type="text" class="form-control" v-model="q.username"
                               @keyup.enter="query" placeholder="用户名">
                    </div>

                    <a class="btn btn-default" @click="query"><i
                            class="fa fa-search"></i>&nbsp;查询</a>

                    <div class="btn-group btn-tools">
                        <#if shiro.hasPermission("sys:user:save")> <a
                            class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    </#if>
                    <#if shiro.hasPermission("sys:user:update")> <a
                        class="btn btn-info" @click="update"><i
                        class="fa fa-pencil-square-o"></i>&nbsp;修改</a> </#if>
                <#if shiro.hasPermission("sys:user:delete")> <a
                    class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
        </div>
        </div>

    </div>
    <table id="jqGrid" style="height: 100%;"></table>
    <div id="jqGridPager" style="position: fixed; bottom: 0px;"></div>
</div>

<div v-show="!showList" class="panel panel-default">
    <div class="panel-heading">
        <i class="fa fa-pencil-square-o"></i>{{title}}
    </div>
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">用户名</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="user.username"
                       placeholder="登录账号" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">用户全名</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="user.fullName"
                       placeholder="用户全名" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">所属部门</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" style="cursor: pointer;"
                       v-model="user.deptName" @click="deptTree" readonly="readonly"
                       placeholder="所属部门" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">密码</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="user.password"
                       placeholder="密码" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">邮箱</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="user.email"
                       placeholder="邮箱" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">手机号</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="user.mobile"
                       placeholder="手机号" />
            </div>
        </div>
        <div class="form-group" style="display: none">
            <div class="col-sm-2 control-label">角色</div>
            <div class="col-sm-10">
                    <input type="checkbox" value="21" checked v-model="user.roleIdList">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">状态</div>
            <label class="radio-inline"> <input type="radio"
                                                name="status" value="0" v-model="user.status" /> 禁用
            </label> <label class="radio-inline"> <input type="radio"
                                                         name="status" value="1" v-model="user.status" /> 正常
        </label>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary"
                   @click="saveOrUpdate" value="确定" /> &nbsp;&nbsp;<input
                type="button" class="btn btn-warning" @click="reload" value="返回" />
        </div>
    </form>
</div>
</div>

</div>
</div>

<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
    <ul id="deptTree" class="ztree"></ul>
</div>

<script src="${ctx}webjars/static/js/modules/sys/collector.js?_${.now?long}"></script>
</body>
</html>